import React from 'react';
import {messages} from "share/common";
import { Row, Col } from 'antd'
import ShowInfo from '../show-info'

const TripInfo = ({data}) => {
  const hrLine = {
    border:'0.5px solid #e8e8e8',
    marginBottom:14,
  }
  return (
    <div>
      {
        data.map(data => {
          return (
            <div>
              <h3 style={{marginLeft:24}}>{messages('supplier.key311')/*行程单信息*/}</h3>
              <hr style={{border:'0.5px solid #e8e8e8'}}/>
              <div style={{padding:'12px 24px'}}>
                <h4>{messages('supplier.key311')/*行程单信息*/}</h4>
                <Row>
                  <ShowInfo label={messages('supplier.key555')/*订单号*/} value={data.orderId} />
                  <ShowInfo label={messages('supplier.key556')/*行程单打印状态*/} value={data.printStatus} />
                  <ShowInfo label={messages('supplier.key557')/*快递单号*/} value={data.expressNo} />
                  <ShowInfo label={messages('supplier.key558')/*公司id*/} value={data.corpId} />
                  <ShowInfo label={messages('supplier.key559')/*打印状态*/} value={data.printType} />
                  <ShowInfo label={messages('supplier.key315')/*乘机人姓名*/} value={data.passengerName} />
                  <ShowInfo label={messages('supplier.key544')/*票号*/} value={data.ticketNo} />
                  <ShowInfo label={messages('supplier.key560')/*打印单号*/} value={data.printNo} />
                  <ShowInfo label={messages('supplier.key561')/*行程单价格*/} value={data.segmentPrintPrice} />
                  <ShowInfo label={messages('supplier.key562')/*打印时间*/} value={data.printTime} />
                </Row>
              </div>
            </div>
          )
        })
      }
    </div>
  )
}

export default TripInfo;
